$(function () {
    

	getcjdj();


	
	function getcjdj(){
		 $.ajax({
				url : "/sys/clDisabledInfo/getzwfw",
				contentType : "application/json",
	         	dataType : 'json',
				data : JSON.stringify(),
	          	type:'post',
				success : function(data) {
					 echart_3(data.data);
				
				}
			}); 
}
	
    

    //echart_3货物周转量
    function echart_3(list) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('chart_3'));
        var app = {};
		var option;
		var arr=[];
		 for(var i=0;i<list.length;i++){
			
			 arr.push([list[i].TASKNAME,list[i].sl])
			 
		 }
	option = {
		tooltip: {
			trigger: 'item',
			formatter: ' {c} '
		},
		dataset: [{
			dimensions: ['name', 'score'],
			source: arr
		}, {
			transform: {
				type: 'sort',
				config: { dimension: 'score', order: 'desc' }
			}
		}],
		xAxis: {
			type: 'category',
			axisLabel: { interval: 0, rotate: 40 },
			axisLine: {
					lineStyle: {
						color: "#333",
					}
				}
		},
		yAxis: {
			axisLine: {
					lineStyle: {
						color: "#333",
					}
				}
		},
		grid:{
			left:'3%',
			bottom:"1%",
			containLabel:true
		},
		series: {
			type: 'bar',
			encode: { x: 'name', y: 'score' },
			barWidth : 30,//柱图宽度
			 itemStyle: {
			
				 normal: {
			　　　　　　
					 label:{
							show:true,
							position:'top',
							textStyle:{
								color:'	#0000FF',
								fontSize:16
							}
						},　
					 　//这里是重点
							color: function(params) {
								//注意，如果颜色太少的话，后面颜色不会自动循环，最好多定义几个颜色
								var colorList = [ '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622','#c23531','#d48265'];
								return colorList[params.dataIndex]
							}
						}
					}
			
		}
	};

	if (option && typeof option === 'object') {
		myChart.setOption(option);
	}
    }
	
	
});
